<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri='http://java.sun.com/jsp/jstl/core' prefix='c'%>
<%@ page trimDirectiveWhitespaces="true"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  	<title>Simple chat</title>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />	
  	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
  	<link rel="stylesheet" href="css/slide.css" type="text/css" media="screen" />
	<!--[if lte IE 6]>
		<script type="text/javascript" src="js/pngfix/supersleight-min.js"></script>
	<![endif]-->
	<script src="jquery-1.7.js" type="text/javascript"></script>
	<script src="js/slide.js" type="text/javascript"></script>
	<script src="js/send.js" type="text/javascript"></script>

</head>

<body>
<!-- Panel -->
<div id="toppanel">
	<div id="panel">
		<div class="content clearfix">
			<div class="left">
				<p>Информация о пользователе</p>
			</div>
			<div class="left">
				<!-- Login Form -->
				<form class="clearfix" action="#" method="post">
					<h1>Вход</h1>
					<label class="grey" for="log">Логин:</label>
					<input class="field" type="text" name="log" id="log" value="" size="23" />
					<span id="spLoginInfo" ></span>
					<label class="grey" for="pwd">Пароль:</label>
					<input class="field" type="password" name="pwd" id="pwd" size="23" />
	            	<label><input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> &nbsp;Запомнить меня</label>
        			<div class="clear"></div>
					<input type="submit" name="submit" value="Вход" class="bt_login" />
					<a class="lost-pwd" href="#">Забыли пароль?</a>
				</form>
			</div>
			<div class="left right">			
				<!-- Register Form -->
				<form action="ajax/index.jsp" method="post">
					<h1>Еще не зарегистрированы?</h1>				
					<label class="grey" for="signup">Логин:</label>
					<input class="field" type="text" name="RegNickname" id="idRegNickname" size="23" onkeyup="validateLogin()"/>
					<span id="errorNickname" >Неправильный логин!</span>
					<label class="grey" for="email">Email:</label>
					<input class="field" type="text" name="RegEmail" id="idRegEmail" size="23" onkeyup="validateEmail()"/>
					<span id="errorEmail" >Неправильный E-mail!</span>
					<label class="grey" for="email">Пароль:</label>
					<input class="field" type="text" name="RegPassword" id="idRegPassword" size="23" onkeyup="validatePass()" />
					<span id="errorPassword" >Неправильный пароль!</span>
					<label class="grey" for="email">Повтор пароля:</label>
					<input class="field" type="text" name="RegPasswordRepeat" id="idRegPasswordRepeat" size="23" onkeyup="validateRePass()"/>
					<span id="errorPasswordRepeat" >Несовпадение паролей!</span><br/>
					<input type="submit" name="submit" value="Регистрация" class="bt_register" />
				</form>
			</div>
		</div>
</div> <!-- /login -->	

	<!-- The tab on top -->	
	<div class="tab">
		<ul class="login">
			<li class="left">&nbsp;</li>
			<li>Привет %username%!</li>
			<li class="sep">|</li>
			<li id="toggle">
				<a id="open" class="open" href="#">Вход</a>
				<a id="close" style="display: none;" class="close" href="#">Скрыть панель</a>			
			</li>
			<li class="right">&nbsp;</li>
		</ul> 
	</div> <!-- / top -->
	
</div> <!--panel -->

    <div id="container">
		<div id="content" style="padding-top:100px;">
			<div id="text"></div>
			<div id="message"></div>
			<div id="users"></div>
		</div><!-- / content -->		
	</div><!-- / container -->
</body>
</html>
